<template>
  <div class="kfcenter">
    <van-nav-bar title="意见反馈" safe-area-inset-top left-arrow @click-left="onClickLeft" fixed />
    <div class="pic" style="position: relative">
      <div class="text">
        意见反馈:
        <p class="appqq">{{ appqq }}</p>
      </div>
      <img :src="img" alt />
    </div>
  </div>
</template>

<script>
import { reactive, toRefs } from "vue";
export default {
  name: "Yijian",
  setup() {
    const data = reactive({
      appqq: window.appqq,
    });

    const img = require("../assets/mine/kfqq.jpg");
    return { img, ...toRefs(data) };
  },
  methods: {
    //点击回退按钮
    onClickLeft() {
      this.$router.go(-1);
    },
  },
};
</script>

<style lang="scss" scoped>
.appqq {
  margin: 0;
  padding: 0;
}
.kfcenter {
  text-align: center;
  .pic {
    position: relative;
    margin-top: 30%;
    .text {
      color: #aaa;
      font-size: 15px;
      position: absolute;
      top: 260px;
      left: 120px;
    }
    img {
      width: 100%;
      // height: 100vh;
    }
  }
}
</style>